let vm = new Vue({
    el: "#app",
    data:{
        message:'Hello World',
        link: 'http://grafikart.fr',
        success:true,
        persons:['John', 'Tom', 'Tony','Jean'],
        color: '#787878',
        style:{
            backgroundColor:'yellow'
        },
        cls: 'success'

    },
    methods:{
        addPerson: function () {
            this.persons.push('susan');

        }
    },

    beforeCreate: function () {
        console.log('befor create',this.$el, this.$data);
    },
    created: function () {
        console.log('created', this.$el, this.$data);
    },
    beforeMount: function () {
        console.log('before mount',this.$el,this.$data);
    },
    mounted: function () {
        console.log('mounted',this.$el,this.$data);
    },
    beforeUpdate: function () {
        console.log('before update', this.$el,this.$data);
    },
    updated: function () {
        console.log('updated', this.$el, this.$data);
    },
    beforeDestroy: function () {
        console.log('before destroy', this.$el, this.$data);
    },
    destroyed: function () {
        console.log('destroyed', this.$el, this.$data);
    }

});